html,body{
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: initial;
	/*在 Chrome and Safari中，当我们使用CSS transforms 或者 animations时可能会有页面闪烁的效果，下面的代码可以修复此情况：*/
    /*-webkit-backface-visibility: hidden; 
   -moz-backface-visibility: hidden; 
   -ms-backface-visibility: hidden; 
   backface-visibility: hidden;   
   -webkit-perspective: 1000; 
   -moz-perspective: 1000; 
   -ms-perspective: 1000; 
   perspective: 1000; */
   /*==============*/ 
   /*开启硬件加速*/
  -webkit-transform: translate3d(0, 0, 0); 
   -moz-transform: translate3d(0, 0, 0); 
   -ms-transform: translate3d(0, 0, 0); 
   transform: translate3d(0, 0, 0); 
   
    /*-webkit-transform: translateZ(0); 
   -moz-transform: translateZ(0); 
   -ms-transform: translateZ(0); 
   -o-transform: translateZ(0); 
   transform: translateZ(0); */
  /*===========*/
   
}
/*自定义样式---loading动画*/
#loading{
	position: absolute;
	z-index: 10;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
#menu{	
	overflow: hidden;
	height: 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 7px 7px;
	background-color: white;
	position: relative;
}
#menu #scroll_wrap{
	height: 40px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.menu_cover{
	position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 35px;
    background-color: white;
    box-shadow: -0px 0px 8px #c1bcbc;
    -webkit-box-shadow: -0px 0px 8px #c1bcbc;	
}
.menu_btn{
	border:none;
	background-color: white;
	padding: 5px 10px;    
	outline: none;
	cursor: pointer;
}

/*按钮选中后的样式*/
.active{
	border-bottom: 2px solid #FE2B31;
}


#container{
	/*
	 * Galaxy S4的webview中的canvas绘图有严重bug，无论是fillRect还是drawImage,会把0,0开始的1个像素，绘制到整个canvas，导致画面无法显示。注：此现象只出现在首次页面加载，当第二次进入页面后没有此问题。
	 * android4.0以上一部分手机的webview中，当canvas小于屏幕大小时，绘图时会出现重影，就是说一个图只绘制了一遍，却出现了两个，so加上这个
	 */
	overflow:visible; -webkit-transform: translateZ(0);  
}
/*竖屏时*/
@media all and (orientation:portrait ) {
	#container{
		/*height: 92%;*/
	}
}

/*横屏时样式*/
@media all and (orientation:landscape){ 
	#container{
		height: 90%;
	}
}